<!DOCTYPE html>
<html lang="ch">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>我的订单</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/orderList.css" />
</head>
<body>
	<div class="ypContainer">
		<div class="tabs">
			<span class="active" type="1"><i>全部</i></span>
			<span type="2"><i>待付款</i></span>
			<span type="3"><i>待确认</i></span>
			<span type="4"><i>已完成</i></span>
		</div>
		<div class="contents" id="allOrders">
			<div class="order" v-for="order in showOrders" v-cloak>
				<div class="sdd_shopMessage">
					<img class="sdd_shopIocn" src="../static/images/shop.png" />
					<span class="shopName">{{order.farmName}}</span>
					<img class="sdd_go" src="../static/images/go.png" />
					<span class="orderTime">{{order.createTime}}</span>
				</div>
				<a v-bind:href='"orderDetail.html?orderId=" + order.orderId'>
					<div class="sdd_orderMessage">
						<div class="sdd_productImg">
							<img v-bind:src="order.mainImage" />
							<p v-if="order.selleNow">现货</p>
							<p v-if="!order.selleNow">缺货</p>
						</div>
						<div class="sdd_productDetails">
							<p class="sdd_productTitle">
							<i class="sdd_tag">{{order.goodsClassName}}<em class="jiantou"></em></i>
							{{order.goodsName}}
						</p>
						<p>
							<span class="fl_l">产量：{{order.totalSupply}}{{order.unit}}</span>
							<span class="fl_r" v-if="order.price"><span class="sdd_proPrice">¥{{order.price}}</span>元/{{order.unit}}</span>
							<span class="fl_r" v-if="!order.price"><span class="sdd_proPrice">可议</span></span>
						</p>
						<p>起批：{{order.rangeBegin}}{{order.unit}}</p>
						</div>
					</div>
				</a>
				<div class="orderStatus">
					<div class="orderStatusText">实付金额：{{order.payAmount}}元</div>
					<div class="orderStatusBtn">
						<a v-bind:href='"orderDetail.html?orderId=" + order.orderId'>{{order.orderStatusName}}</a>
					</div>
				</div>
			</div>
			<!--暂无相关-->
			<div v-if="noData" class="NoFllow" v-clock>
				<img src="../static/images/wdd.png" alt="">
				<div class="nofllowText">您还没有相关订单</div>
			</div>
			<!--loading组件-->
			<loading v-show="showLoading"></loading>
		</div>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/orderList.js"></script>
</html>